const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 3 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 17 },
  },
};

const wrapperCol = {
  xs: { span: 24, offset: 0 },
  sm: { span: 16, offset: 3 },
};

const modalLayoutSm = {
  labelCol: {
    xs: { span: 20, offset: 2 },
    sm: { span: 20, offset: 2 },
  },
  wrapperCol: {
    xs: { span: 20, offset: 2 },
    sm: { span: 20, offset: 2 },
  },
};
const modalLayoutAll = {
  labelCol: {
    xs: { span: 20, offset: 0 },
    sm: { span: 20, offset: 0 },
  },
  wrapperCol: {
    xs: { span: 20, offset: 0 },
    sm: { span: 20, offset: 0 },
  },
};
const modalLayoutMd = {
  labelCol: {
    xs: { span: 6 },
    sm: { span: 6 },
  },
  wrapperCol: {
    xs: { span: 18 },
    sm: { span: 18 },
  },
};
const modalLayoutHH = {
  labelCol: {
    xs: { span: 6 },
    sm: { span: 6 },
  },
  wrapperCol: {
    xs: { span: 6 },
    sm: { span: 6 },
  },
};
const modalLayoutLg = {
  labelCol: {
    xs: { span: 8 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 16 },
    sm: { span: 16 },
  },
};

const modalLayoutSingle = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 6 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 14 },
  },
};

export {
  formItemLayout,
  wrapperCol,
  modalLayoutSm,
  modalLayoutHH,
  modalLayoutMd,
  modalLayoutLg,
  modalLayoutAll,
  modalLayoutSingle,
};
